<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
		<script src="js/mui.min.js"></script>
		<script src="js/mui.enterfocus.js"></script>
		<script src="js/app.js"></script>
		<script type="text/javascript">
			(function($, doc) {
				$.init();
				
				$.plusReady(function() {
				
					var mainPage = $.preload({
							"id": 'main2',
							"url": 'main.html'
						});
						
					var main_loaded_flag = false;
					
					mainPage.addEventListener("loaded",function () {
						main_loaded_flag = true;
					});
					
					var toMain = function() {
						//使用定时器的原因：
						//可能执行太快，main页面loaded事件尚未触发就执行自定义事件，此时必然会失败
						var id = setInterval(function () {
							if(main_loaded_flag){
								clearInterval(id);
								$.fire(mainPage, 'show', null);
								mainPage.show("pop-in");
							}
						},20);
					};
					
					var loginPage = $.preload({
							"id": 'login',
							"url": 'login.html'
						});
						
					var login_loaded_flag = false;
					
					loginPage.addEventListener("loaded",function () {
						login_loaded_flag = true;
					});
					
					var toLogin = function() {
						//使用定时器的原因：
						//可能执行太快，main页面loaded事件尚未触发就执行自定义事件，此时必然会失败
						var id = setInterval(function () {
							if(main_loaded_flag){
								clearInterval(id);
								$.fire(loginPage, 'show', null);
								loginPage.show("pop-in");
							}
						},20);
					};					
					
					var state = app.getState();
					if(state.token != null || state.token != undefined){
						toMain();
					}else{
						toLogin();
					}
				});
				
				
//				var state = app.getState();
//				if(state.token != null && state.token != undefined){
//					mui.openWindow({
//						url: 'main.html',
//						id: 'main',
//						waiting: {
//							autoShow: false
//						}
//					});
//				}else{
//					mui.openWindow({
//						url: 'login.html',
//						id: 'login',
//						waiting: {
//							autoShow: false
//						}
//					});
//				}
				
			}(mui, document));
			
		</script>
	</body>
</html>
